

<%@taglib  prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/jquery-1.5.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/mb_menu/jquery.hoverIntent.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/mb_menu/jquery.metadata.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/mb_menu/styleswitch.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/mb_menu/mbMenu.js"></script>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/pages/css/mb_menu.css" title="styles1"  media="screen" />

    <style type="text/css">
        #menuBody .style a{
            color:gray;
            font-family:sans-serif;
            font-size:13px;
            text-decoration:none;
        }
        .menu{
            display:none;
        }
    </style>

    <script type="text/javascript">
            $(function(){
                    $(".myMenu").buildMenu(
                    {
                    	template:"",
                        additionalData:"pippo=1",
                        menuWidth:200,
                        openOnRight:false,
                        menuSelector: ".menuContainer",
                        iconPath:"../images/mb_menu/",
                        hasImages:false,
                        fadeInTime:100,
                        fadeOutTime:200,
                        adjustLeft:2,
                        minZindex:"auto",
                        adjustTop:10,
                        menuTop:0,
                        menuLeft:0,
                        submenuTop:5,
                        submenuLeft:4,
                        opacity:.95,
                        shadow:false,
                        shadowColor:"#ccc",
                        hoverIntent:0,
                        openOnClick:false,
                        closeOnMouseOut:true,
                        closeAfter:300,
                        submenuHoverIntent:20
                    });
            });
            
		function frameLoad(src){
			window.location.assign(src);
		}
    </script>
</head>
<%@ include file="../common/taglibs.jsp"%>
<body id="menuBody">
    <!-- Menu Content -->
    <div align="center" class="divMenuContainer">
    <table border="0" cellpadding="0" cellspacing="0" class="container">
        <tr>
            <td class="myMenu" align="center">
                <!-- start horizontal menu -->
                <table width="100%" class="rootVoices" cellspacing='0' cellpadding='0' border='0'>
                    <tr>
                        <td align="center" class="rootVoice {menu: 'empty'}" onclick="frameLoad('<%=request.getContextPath()%>/pages/inventory/home.jsp')" >Home</td>
                        <td align="center" class="rootVoice {menu: 'menu_category'}" >Category</td>
                        <td align="center" class="rootVoice {menu: 'menu_product'}" >Product</td>
                        <td align="center" class="rootVoice {menu: 'menu_stock'}" >Stock</td>
                        <td align="center" class="rootVoice {menu: 'menu_supplier'}" >Reports</td>
                    </tr>
                </table>
                <!-- end horizontal menu -->
            </td>
        </tr>
    </table>
    <!-- menues -->
    <!-- 1st Menu -->
    <div id="menu_category" class="menu">
        <a class="{img: 'icon_14.png'}" onclick="frameLoad('<%=request.getContextPath()%>/inventory/loadCreateCategoryPage')">Create category</a>
        <a rel="separator"> </a>
        <a class="{img: 'icon_14.png'}" onclick="frameLoad('<%=request.getContextPath()%>/inventory/loadCreateSubCategoryPage')">Create sub-category</a>
        <a rel="separator"> </a>
        <a class="{img: 'icon_14.png'}" onclick="frameLoad('<%=request.getContextPath()%>/inventory/viewCategories')">Category details</a>
        <a rel="separator"> </a>
        <a class="{img: 'icon_14.png'}" onclick="frameLoad('<%=request.getContextPath()%>/inventory/viewSubCategories')">Sub-category details</a>
    </div>

    <!-- 2nd Menu -->
    <div id="menu_product" class="menu">
        <a class="{img: 'icon_14.png'}" onclick="frameLoad('<%=request.getContextPath()%>/inventory/loadCreateProduct')">Create product</a>
        <a rel="separator"> </a>
        <a class="{img: 'icon_14.png'}" onclick="frameLoad('<%=request.getContextPath()%>/inventory/viewProductsPage')">Product details</a>
    </div>

    <!-- 3rd Menu -->
    <div id="menu_stock" class="menu">
        <a class="{img: 'icon_14.png'}" onclick="frameLoad('<%=request.getContextPath()%>/inventory/loadStockAdjustmentPage')">Stock Adjustment</a>
        <a rel="separator"> </a>
        <a class="{img: 'icon_14.png'}" onclick="frameLoad('<%=request.getContextPath()%>/inventory/loadStockLedger')">Stock Ledger</a>
    </div>

    <!-- 4th Menu -->
    <div id="menu_supplier" class="menu">
        <a class="{img: 'icon_14.png'}" onclick="frameLoad('<%=request.getContextPath()%>/inventory/rptAirlines')">Product vs. Airlines</a>
        <a class="{img: 'icon_14.png'}" onclick="frameLoad('<%=request.getContextPath()%>/inventory/rptVendor')">Product vs. Vendor</a>
        <a class="{img: 'icon_14.png'}" onclick="frameLoad('<%=request.getContextPath()%>/inventory/rptCurrentInventory')">Product vs. Current Inventory Levels</a>
    </div>
    
</div>


</body>
</html>